<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>shoppingCart</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/page1.css">
    <link rel="stylesheet" href="./css/shoppingCart.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2478001_6lywiddr3o.css">
</head>

<body>
    <div class="wrap">
        <div class="header">
            <div class="line1">
                <p><span class="iconfont icon04">配送至：中国大陆地区 </span><span> 客户服务</span><span class="iconfont icondianhua1">400.8210.582</span></p>
                <p><img src="https://res.gucci.cn/images/common/gucci-logo@2x.png" alt="gucci"></p>
                <p><a href="./login.html" class="login"><span>登录 </span></a><em class="iconfont icontubiaozhizuomoban-18"></em><a href="./shoppingCart.html"><i class="iconfont iconicon-">购物袋</i></a></p>
                <!-- <div class="show">
                    <p class="sjx"></p>
                    <span>拥有古驰账号你将获得以下权利:</span>
                    <ul>
                        <li>保存您的心愿清单</li>
                        <li>个性化您的推荐内容</li>
                        <li>订单寄送追踪及退换货处理</li>
                    </ul> -->
                <!-- <a href="#"><button class='btn1'>登录</button></a>
                    <a href="#"><button class="btn2">注册</button></a> -->
                <!-- </div> -->
            </div>
            <div class="line2">
                <ul class="nav">
                    <li>全新资讯</li>
                    <li>手袋</li>
                    <li>女士</li>
                    <li>男士</li>
                    <li>童装</li>
                    <li>礼品</li>
                    <li>珠宝和腕表</li>
                    <li>美妆</li>
                    <li>家饰</li>
                    <li>古驰故事</li>
                </ul>
            </div>
        </div>
        <div class="banner">
            <p>GUCCI</p>
            <p>购物袋</p>
            <img src="./imgs/big1.jpg" alt="" class="imgs1">

        </div>
        <div class="ban">
            <div class="ban_l">
                <ul class="bao">
                    <h3><input type="checkbox" class="quan">全选</h3>
                    <!-- <li class="wu">暂无购物车信息！</li> -->
                    <!-- <li>
                        <div><input type="checkbox"></div>
                        <div><img src="./imgs/xiao.jpg" alt=""></div>
                        <div>
                            <p>
                                <a href="#">GG Multicolor系列GG Marmont小号肩背包</a>
                            </p>
                            <p>款号<span>#4434972UZIN4165</span></p>
                            <p>款式:<span>彩色帆布</span></p>
                        </div>
                        <div>数量<span>1</span></div>
                        <div>￥<em>16000</em></div>
                        <div>删除</div>
                    </li> -->
                    <!-- <li>
                        <div><input type="checkbox"></div>
                        <div><img src="./imgs/xiao.jpg" alt=""></div>
                        <div>
                            <p>
                                <a href="#">GG Multicolor系列GG Marmont小号肩背包</a>
                            </p>
                            <p>款号<span>#4434972UZIN4165</span></p>
                            <p>款式:<span>彩色帆布</span></p>
                        </div>
                        <div>数量<span>1</span></div>
                        <div>￥<em>16000</em></div>
                        <div>删除</div>
                    </li> -->
                </ul>
            </div>
            <div class="ban_r">
                <!-- <div class="ban_t">


                    <h3><span>订单小计</span><span>已选 <em>1</em> 件商品</span></h3>
                    <p><span>商品总计</span><span>￥<em>16000</em></span></p>
                    <p><span>运费</span><span>免费</span></p>
                    <p><span>总计</span><span>￥<em>16000</em></span></p>
                    <p>说明</p>
                    <p>
                        在线支付订单提交之后15分钟内未付款，订单将被系统自动取消，请您尽快完成支付以确保商品能及时送达，有货商品和门店配货商品是分开寄出。
                    </p>
                    <a href="#"><button class='btn1'>立即结算</button></a>
                    <a href="#"><button class="btn2">继续购物</button></a>
                </div> -->

            </div>
        </div>
        <div class="footer">
            <div class="left">
                <ul class="top">
                    <li><span>专属服务</span>
                        <ul class="bot">
                            <li>免费标准配送</li>
                            <li>免费礼品包装</li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li>需要帮助？</li>
                            <li></li>
                            <li>联系我们</li>
                            <li>常见问题</li>
                        </ul>
                    </li>
                    <li><span>购物帮助</span>
                        <ul class="bot">
                            <li></li>
                            <li>配送</li>
                            <li>退货</li>
                            <li>发票</li>
                            <li>保养与维修</li>

                        </ul>
                    </li>
                    <li><span>关于公司</span>
                        <ul class="bot">
                            <li>关于GUCCI</li>
                            <li>GUCCI EQUILIBRIUM</li>
                            <li>道德规范</li>
                            <li>职业发展</li>
                            <li>细则及条款</li>
                            <li>隐私与COOKIE</li>
                            <li>企业信息</li>
                        </ul>
                    </li>
                    <li>
                        <span>
                          关注GUCCI  
                        </span>
                        <ul class="bot">
                            <li class="iconfont iconweixin"> 微信</li>
                            <li class="iconfont iconweibo"> 微博</li>
                            <li class="iconfont icondouyin"> 抖音</li>
                            <li class="iconfont icontengxunshipin"> 腾讯视频</li>
                            <li class="iconfont iconjiaqiangban"> 小红书</li>
                            <li></li>
                            <li class="iconfont iconxiaoxi"> 在线顾问</li>
                            <li class="iconfont icondianhua1"> 400.8210.582</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul class="bot1">
                    <li>
                        订阅GUCCI电子资讯</li>
                    <li>
                        通过订阅，即代表您接受GUCCI的<a href="#">隐私政策条款</a></li>
                    <li></li>
                    <li>
                        <form action="#"><input type="text" placeholder="电子邮箱地址" required><button>></button></form>
                    </li>
                    <li></li>
                    <li>直营店查询</li>
                    <li></li>
                    <li><select name="se" id=""><option value="">请选择省</option>
                        <option value="">北京</option><option value="">上海</option><option value="">天津</option></select>
                        <select><option value="">请选择市</option></select></li>
                    <li></li>
                    <li><span>查找其他地区直营店 </span><span>预约门店服务</span></li>
                    <li><span></span><span></span><span></span><span></span></li>
                </ul>
            </div>
        </div>
    </div>
    <script src="./lib/jquery-1.8.3.js"></script>
    <script src="./js/shoppingCart.js"></script>
</body>

</html>